<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" session="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">
    <title>支付宝授权管理</title>

    <link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/font-awesome-4.3.0/css/font-awesome.min.css"
          rel="stylesheet">
    <!-- jqgrid-->
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/custom.ui.jqgrid.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/layer/skin/layer.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/style.css" rel="stylesheet">

    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.3.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/jquery.form.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/common.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/i18n/grid.locale-cn.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/minified/jquery.jqGrid.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/layer/layer.js" type="text/javascript"></script>

    <style type="text/css">
        .main h5 a {
            position: absolute;
            right: 20px;
            font-size: 14px;
            bottom: 0px;
            display: inline-block;
            padding: 5px;
        }

        .table_list tbody tr {
            height: 35px;
            text-align: center;
        }
		.left ul li{
			
			*line-height:40px;
			*background:#484848;
			*padding-left:20px;
		}
		
		.left ul li a, .left ul li a:hover{
			*color:#fff;
		}
		.wrapper{
			*margin-left:270px;
		}
		.ui-pg-button{
			*background:#ccc;
		}
    </style>
</head>
<body view="menu-item-4142">
<jsp:include page="../../top.jsp"></jsp:include>
<div class="right">
    <div class="wrapper">
<!--         <div class="panel panel-default"> -->
<!--             <div class="panel-heading"> -->
<!--                 <span><strong>查询条件</strong></span> -->

<!--                 <div class="ibox-tools"> -->
<!--                     <a class="collapse-link"> <i class="fa fa-chevron-down"></i></a> -->
<!--                     <a class="collapse-link  d-n"> <i class="fa fa-chevron-up"></i></a> -->
<!--                 </div> -->
<!--             </div> -->
<!--             <div class="panel-body"> -->
<!--                 <form class="form-horizontal"> -->
<!--                     <div class="form-group"> -->
<!--                       	<label class="selectlabe1 col-md-1 form-lable">姓名：</label> -->
<!-- 	                        <div class="col-md-3" > -->
<!-- 	                            <input id="userName" name="userName" type="text" class="form-control"/> -->
<!-- 	                        </div> -->
<!-- 				         	<label class="selectlabe2 col-md-1 form-lable">手机号：</label> -->
<!-- 	                        <div class="col-md-3" > -->
<!-- 	                            <input id="userTel" name="userTel" type="text" class="form-control"/> -->
<!-- 	                        </div> -->
<!-- 	                        <div class="col-md-1 form-action"> -->
<!--                             <button class="btn btn-success form-control" id="query">查询</button> -->
<!-- 	                        </div> -->
<!-- 	                        <div class="col-md-1 form-action"> -->
<!-- 	                            <button class="btn btn-success form-control" id="resetForm">清空</button> -->
<!-- 	                        </div> -->
<!--                       </div> -->
<!--                 </form> -->
<!--             </div> -->
<!--         </div> -->
	    <div class="jqGrid_wrapper">
	        <div id="jqGrid_operation" class="jg-grid">
	            <h1>支付宝授权管理</h1>
	            <div class="jqGrid_operation" id="action"></div>
	        </div>
	        <table id="jqGrid"></table>
	        <div id="jqGrid_paper"></div>
	    </div>
    </div>
</div>
<script>
    $(document).ready(
            function () {
			var ifUpdate = false;

                $.ajax({
                    type: "POST",
                    async: false,
                    url: '/admin/auth_buttons.action',
                    data: "url=" + window.location.pathname,
                    success: function (data) {
                        data = eval("(" + data + ")");
                        for (var i in data) {
                            var action = data[i].mName;
                            switch (action) {
                                case "支付宝授权新增":
                                    if('${userRole}' == '3' || '${userRole}' == '4'){
	                                    $("#action").append("<a id=\"add\"><i class=\"glyphicon glyphicon-plus\"></i>添加</a>");
                                    }
                                    $("#add").click(function () {
                                        layer.open({
                                            type: 2,
                                            title: ['支付宝授权', 'font-weight:bold'],
                                            shadeClose: true, //点击遮罩关闭层
                                            area: ['800px', '430px'],
                                            scrollbar: false,
                                            content: '${pageContext.request.contextPath}/admin/feeAlipayAuth_addView.action',
                                            btn: ['提交', '取消'],
                                            yes: function (index, layero) {
                                                var options = {
                                                    success: function (data) {
                                                        data = JSON.parse(data);
                                                        if (data.code == 1) {
                                                           /*  var url = data.url;
                                                            window.open(url);
                                                            layer.confirm('请在弹出页中完成授权', {
                                                          	  btn: ['已完成','好的'] //按钮
                                                          	}, function(){
                                                          		refreshGrid();
                                                          		layer.closeAll();
                                                          	}, function(){
                                                          		
                                                          	}); */
                                                            
                                                          	 layer.alert(data.msg, function () {
                                                                 layer.closeAll();
                                                                 refreshGrid();
                                                             });
                                                          	
                                                            
//                                                         	var index = layer.open({
//                                                         		  type: 2,
//                                                         		  content: url,
//                                                         		  area: ['320px', '195px'],
//                                                         		  maxmin: true
//                                                         		});
//                                                         		layer.full(index);
                                                        } else {
                                                            layer.alert(data.msg);
                                                        }
                                                    }
                                                };
                                                
                                             	$("#layui-layer-iframe" + index).contents().find("#form").ajaxForm(options);
                                            	$("#layui-layer-iframe" + index).contents().find("#form").submit();  	
                                              	
                                            },
                                            cancel: function (index, layero) {
                                                layer.close(index);
                                            }
                                        });
                                    });
                                    break;
                                case "支付宝授权再次":
                                    ifUpdate = true;
                                    break;
                                case "支付宝授权删除":
                                	 if('${userRole}' == '3' || '${userRole}' == '4'){
	                                    $("#action").append("<a id=\"del\"><i class=\"glyphicon glyphicon-trash\"></i>删除</a>");
                                   	}
                                    $("#del").click(function () {
                                        var sels = jQuery("#jqGrid").jqGrid('getGridParam', 'selarrrow');
                                        if (sels == "") {
                                            layer.alert("请选择要删除的记录", {
                                                icon: 6,
                                                closeBtn: false
                                            });
                                        } else {
                                            layer.confirm('确认删除所选择的记录', function (index) {
                                                $.post("${pageContext.request.contextPath}/admin/feeAlipayAuth_delete.action", {
                                                    "ids": sels.toString()
                                                }, function (result) {
                                                    result = eval("(" + result + ")");
                                                    layer.alert(result.msg);
                                                    refreshGrid();
                                                });
                                                layer.close(index);
                                            });
                                        }
                                    });
                                    break;
                            }
                        }
                    }
                });

                $.jgrid.defaults.styleUI = "Bootstrap";
                $("#jqGrid").jqGrid(
                        {
                            url: "${pageContext.request.contextPath}/admin/feeAlipayAuth_page.action",
                            mtype: 'POST',
                            datatype: "json",
                            height: 350,
                            autowidth: true,
                            shrinkToFit: true,
                            rowNum: 10,
                            rowList: [10, 20, 30],
                            colNames: ['序号', '支付宝登录账号', '支付宝pid', '支付宝注册的公司名称', '创建时间','状态'],
                            colModel: [{
                                name: "SID",
                                index: "SID",
                                key: true,
                                hidden: true
                            }, {
                                name: 'LOGIN_ACCOUNT',
                                index: 'LOGIN_ACCOUNT'
                            }, {
                                name: 'PID',
                                index: 'PID'
                            },{
                                name: 'COMPANY_NAME',
                                index: 'COMPANY_NAME'
                            },{
                                name: 'CTIME1',
                                index: 'CTIME1'
                            },{
	                          name: "AUTH_STATUS",
	                          index: "AUTH_STATUS",
	                          width: 80,
	                          formatter: function (cellvalue, options, rawObject) {
		                          	  if (cellvalue == 1){
			                          	  if(ifUpdate && ('${userRole}' == '3' || '${userRole}' == '4')){
				                        	  return '<input type="button" style="padding: 2px 10px;margin-left: 5px;"  class="btn btn-success" value="授权 " onclick="again('+rawObject.SID+')"/>';
				                          }else{
												return "<font style='color: #908e8e;'>待授权</font>";
					                      }
		                              }else if (cellvalue == 2 ){
		                              		return "<font >已授权</font>";
		                              }else{
		                            	  return '';
			                          }
		                          }
	                          
	                      }],
                            sortname: '',
                            sortorder:'',
                            rownumbers: true,
                            jsonReader: {
                                root: 'rows',
                                page: "page",
                                total: 'total',
                                records: "records",
                                repeatitems: false
                            },
                            pager: "#jqGrid_paper",
                            viewrecords: true,
                            multiselect: true,
                            hidegrid: false,
                            loadComplete: function(){
                        		var re_records = Number($("#jqGrid").getGridParam('records'));
                        		var page = Number($("#jqGrid").getGridParam('page'));
                        		var rows=Number($("#jqGrid").getGridParam('rowNum'));
                        		var num = re_records-(page-1)*rows;
                        		if(num < rows)
                        		{
                        			for(var i=num;i<rows;i++){
                        				$("#jqGrid").jqGrid("addRowData",(i-100),
                                				{ "SID":"", "AUTH_STATUS":"-1"}
                        				,"");
                        			}
                        			$(".ui-paging-info").html(re_records-num+1 +" - "+re_records+"　共 "+re_records+" 条");
                        		}
                        		doResize();//自适应屏幕大小
                        	}
                        });
                <!--查询-->
                jQuery("#query").click(query);
                jQuery("#resetForm").click(resetForm);
            });

    <!--刷新jqGrid表格数据-->
    function refreshGrid() {
        $("#jqGrid").trigger("reloadGrid");
    }
    function resetForm() {
        location.reload();
        return false;
    }
    function again(sid){
    	layer.open({
            type: 2,
            title: ['授权', 'font-weight:bold'],
            shadeClose: true, //点击遮罩关闭层
            area: ['800px', '430px'],
            scrollbar: false,
            content: '${pageContext.request.contextPath}/admin/feeAlipayAuth_editView.action?sid='+sid,
            btn: ['下一步', '取消'],
            yes: function (index, layero) {
                var options = {
                    success: function (data) {
                        data = JSON.parse(data);
                        if (data.code == 1) {
                            var url = data.url;
                            window.open(url);
                            layer.confirm('请在新页面中完成支付宝授权',{
                            	  btn: ['是的'] //按钮
                            	}, function(){
                            		layer.closeAll();
                            		refreshGrid();
                            	}, function(){
                            	  
                            	});
                        } else {
                            layer.alert(data.msg);
                        }
                    }
                };
                $("#layui-layer-iframe" + index).contents().find("#form").ajaxForm(options);
                $("#layui-layer-iframe" + index).contents().find("#form").submit();
            },
            cancel: function (index, layero) {
                layer.close(index);
            }
        });
      }
   
    function query() {
        var userName = $("#userName").val();
        var userTel = $("#userTel").val();
        $("#jqGrid").jqGrid('setGridParam', {
            url: "${pageContext.request.contextPath}/admin/feeAlipayAuth_page.action",
            postData: {
            	'userName':userName,
                'userTel': userTel
            }, //发送数据
            page: 1
        }).trigger("reloadGrid"); //重新载入*/
        return false;
    };
	if (!Array.prototype.indexOf)
{
  Array.prototype.indexOf = function(elt /*, from*/)
  {
    var len = this.length >>> 0;
    var from = Number(arguments[1]) || 0;
    from = (from < 0)
         ? Math.ceil(from)
         : Math.floor(from);
    if (from < 0)
      from += len;
    for (; from < len; from++)
    {
      if (from in this &&
          this[from] === elt)
        return from;
    }
    return -1;
  };
};
</script>
</body>
</html>
